<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原型链</title>
</head>
<body>  
<!-- 
    1.原型链（图解）
        - 访问一个对象的属性时，
            - 现在自身属性中查找，找到返回
            - 如果没有，再沿着__proto__ 这条链向上查找，找到返回
            - 如果最终没有找到，返回undefined
        - 别名：隐式原型链
        - 作用：查找对象的属性（方法）
    2.构造函数/原型/实体对象的关系（图解）
    3.构造函数/原型/实体对象的关系2（图解）
 -->

<script type="text/javascript">
    function Fn(){
        this.test1 = function(){
            console.log("test1()")
        }
    }

    Fn.prototype.test2 = function(){
        console.log("test2()")
    }

    var fn = new Fn()
    fn.test1()
    fn.test2()
    console.log(fn.toString())
    console.log(fn.a);
    fn.test3()
    
</script>
</body>
</html>